module.exports = {
  //先写一个configureWebpack 表示你准备配置webpageconfig
  configureWebpack: {
    //配置路径相关的时候用resolve 可以解决路径相关的问题
    resolve: {
      //别名ps：.vue等相关的其实已经写了，这里只需要写我们自己需要的
      alias: {
        //默认有@  他指向的是：src
        'assets': 'assets',
        'common': 'common',
        'components': 'components',
        'network': 'network',
        'views': 'views',
        //router 一般情况下不用配置，因为只有在main.js中引用一次，如果有需要也可以在这里配置
        // 'router': '@/router'
      }
    }
  },

  // 改变title，记得重新npm run serve
  pages: {
    index: {
      entry: 'src/main.js',
      title: 'mall', //放要改的title名
    },
  },

  // 改变图标
  pwa: {
    //放要自己要改的png
    iconPaths: {
      favicon32: 'favicon.png',
      favicon16: 'favicon.png',
      appleTouchIcon: 'favicon.png',
      maskIcon: 'favicon.png',
      msTileImage: 'favicon.png'
    }
  },

  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          require('postcss-px-to-viewport')({
            unitToConvert: 'px', // 需要转换的单位，默认为"px"
            viewportWidth: 375, //  设计稿的视口宽度
            unitPrecision: 5, // 单位转换后保留的精度
            propList: ['*'], // 能转化为vw的属性列表
            viewportUnit: 'vw', //  希望使用的视口单位
            fontViewportUnit: 'vw', // 字体使用的视口单位
            selectorBlackList: [], // 需要忽略的CSS选择器
            minPixelValue: 1, // 最小的转换数值，如果为1的话，只有大于1的值会被转换
            mediaQuery: false, // 媒体查询里的单位是否需要转换单位
            replace: true, // 是否直接更换属性值，而不添加备用属性
            exclude: [/TabBar/], // 忽略某些文件夹下的文件或特定文件
            include: undefined, // 如果设置了include，那将只有匹配到的文件才会被转换，例如只转换 'src/mobile' 下的文件 (include: /\/src\/mobile\//)
            landscape: false, // 是否添加根据 landscapeWidth 生成的媒体查询条件 @media (orientation: landscape)
            landscapeUnit: 'vw', // 横屏时使用的单位
            landscapeWidth: 568 // 横屏时使用的视口宽度
          })
        ]
      }
    }
  },







  // publicPath: "/", //用法和webpack本身的output.publickPath用法一致
}